<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>初始页面</title>
    <script src="../../dist/jquery-1_8_3.js"></script>
    <style>

        #timerBox {
            position: absolute;
            right: 1%;
        }
        #timer {
            font-size: 20px;
            color: #737383;
        }
        body {
            background-color: ivory;
        }
        #content {
            position: absolute;
            left: 32%;
            top: 35%;
            text-align: center;
        }
        #content h1{
            font-size: 50px;
            color: #eb7350;
        }
        #content p {
            color: dodgerblue;
        }

    </style>
</head>
<body>

<div id="timerBox">
    <span id="timer"></span>
</div>
<div id="content">
    <h1>欢迎来到管理员端</h1>
    <p>请在左侧边栏进行系统操作</p>
</div>

<script>
    // 时间显示
    function showTime(){
        var curTime = new Date();
        $("#timer").html('当前时间：' + curTime.toLocaleDateString() + '/' +curTime.toLocaleTimeString());
        setTimeout("showTime()",1000)
    }
    setInterval(showTime, 1000);
</script>
</body>
</html>
